<template>
    <view class="title-line-container">
        <view class="title-line-box">
            <text>{{text}}</text>
            <view class="box-line"></view>
        </view>
    </view>
</template>

<script>
export default {
props:{
    text:{
        type:String,
        default:'标题'
    }
}
}
</script>

<style lang="scss" scoped>
.title-line-container>.title-line-box{
    position: relative;
    display: inline-block;
    line-height: 80rpx;
    &>text{
        position: relative;
        z-index: 502;
        font-size: 28rpx;
        color: black;
    }
    &>.box-line{
        position: absolute;
        bottom: 14rpx ;
        width: 100%;
        height: 20rpx;
        border-radius: 30rpx;
        background-color: #c8e1fd;
        z-index: 500;
    }
}

</style>